body {
    
    margin: 0px auto;
    font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
    color:#e2e2e2;
    background-color:gray;
}
#mainContainer
{   
    width:370px;
}
#topBar
{
    height:50px;
    background-color:black;
}
.menuItem
{
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    border-left:gray 1px solid;
    float:left;
    height:75px;
}
    .menuItem span
    {
        color:#e2e2e2;
        line-height:50px;
        color:#b2ceed;
        font-size:15px;
        text-decoration:none;
    }
.menuItem:hover
{
    background-color:#7d7d7d;
}

.generalList
{
    
}
#generalList a
{
        color:white;
        text-decoration:none;
}
#generalList a:hover
{
        color:#b2ceed;
        text-decoration:none;
}
.generalListItem
{
    
    border-bottom: black solid 1px;    
    padding-left:10px;
    cursor:pointer;
    
}
    .generalListItem span
    {
        font-size:12px;
        line-height:50px;

    }

.courseDetails
{

}
.courseDetails tr
{
    height:70px;
}
    .courseDetails .courseRowHeading
    {
        color:#b2ceed;
        width:150px;
    }

.heading1
{
    padding-left:5px;
    font-size:18px;
    padding-top:2px;
    color:#3b3a3a;
}


#bottomBar
{
	width:370px;
	height:50px;
	position:fixed;
	bottom:0px;
	background:black;
}
#bottomBar .bottomBarItem
{
 cursor:pointer;
    padding-left:6px;
    padding-right:6px;
    border-left:gray 1px solid;
    float:left;
    height:75px;
}
    .bottomBarItem span
    {
        color:#e2e2e2;
        line-height:50px;
        color:#b2ceed;
        font-size:15px;
        text-decoration:none;
    }
 .saveButton
 {
	 height:25px;
	 font-size:15px;
	 padding-left:20px;
	 padding-right:20px;
	 background:black;
	 color:white;
	 border:none;
 }   
 